<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en">

<head>
	<meta charset="UTF-8"/>
	<title>Register</title>
	
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
	<script src="js/hideshow.js" type="text/javascript"></script>
	<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.equalHeight.js"></script>
	<script type="text/javascript">
	$(document).ready(function() { 
    	 
 	});
    </script>
</head>

<body>

	<header id="header">
		<hgroup> <h1 style="margin:0; color:#FFFFFF; padding:14px 0 0 70px;">Social Netspace</h1> </hgroup>
	</header>

	<section id="secondary_bar"></section>

	<section id="main" class="column">
	
		<h4 class="alert_info" style="width: 65%; margin: 25px 0 0 18%;">Under Construction !!</h4>
	
		<article class="module width_3_quarter" style="width:75%;height:480px;margin:35px 0 0 13%;">
		
			<header><h3>Register</h3></header>
			
			<form class="register" action="register" method="post">
			
				<fieldset style="width:80%;text-align:left;margin:40px 0 0 10%;padding: 25px 0 20px 0;">
				
					<label for="username" style="width: 150px;margin-left: 5px;">Username*</label>
						<input type="text" id="username" name="username" size="20" maxlength="50" 
						style="width:45%;">
					<div class="clear" style="padding-top: 20px;"></div>
					
					<label for="firstName" style="width: 150px;margin-left: 5px;">First name*</label>
						<input type="text" id="firstName" name="firstName" size="20" maxlength="50" 
						style="width:45%;">
					<div class="clear" style="padding-top: 20px;"></div>
					
					<label for="lastName" style="width: 150px;margin-left: 5px;">Last name*</label>
						<input type="text" id="lastName" name="lastName" size="20" maxlength="50"  
						style="width:45%;">
					<div class="clear" style="padding-top: 20px;"></div>
					
					<label for="emailAddress" style="width: 150px;margin-left: 5px;">Email Address*</label>
						<input type="text" id="emailAddress" name="emailAddress" size="20" maxlength="50"  
						style="width:45%;">
					<div class="clear" style="padding-top: 20px;"></div>
					
					<label for="password" style="width: 150px;margin-left: 5px;">Password*</label>
						<input type="password" id="password" name="password" size="20" maxlength="50" 
						style="width:45%;">
					<div class="clear" style="padding-top: 20px;"></div>
					
					<label for="password" style="width: 150px;margin-left: 5px;">Confirm password*</label>
						<input type="password" id="password" name="password" size="20" maxlength="50" 
						style="width:45%;">
					<div class="clear" style="padding-top: 20px;"></div>
				
				</fieldset>
				
				<div style="text-align: center; padding-top: 30px;">
					<input type="submit" value="Register" style="margin-right: 15px;">
					<input type="button" value="Reset" style="margin-left: 15px;">
				</div>
				
			</form>
			
			
			<div class="module_content">
				<div class="clear"></div>
			</div>
			
		</article>
		
	</section>
	
	<div class="clear" style="height: 70px;"></div>

</body>

</html>